html {
	font-size: 16px;
	background: #F5F4F3;
}

body {
	-ms-touch-action: none;
	-webkit-text-size-adjust: none;
	background-color: #F5F4F3;
	font-family: \5FAE\8F6F\96C5\9ED1, Arial, \5B8B\4F53;
	overflow-x: hidden;
}

* {
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@media only screen and (min-width:160px) {
	html {
		font-size: 8px;
	}
	.core .channel .channel-list {
		width: 50%;
	}
	.choiceness .cho-list .items {
		width: 80%;
		margin: 4% auto;
		float: none;
	}
	.focus-picture {
		height: 80px;
	}
	.focus-picture img {
		width: auto;
	}
}

@media only screen and (min-width:320px) {
	html {
		font-size: 8px;
	}
	.focus-picture {
		height: 160px;
	}
	.focus-picture img {
		max-width: 320px;
	}
	.core .channel .channel-list {
		width: 33.3333333%;
	}
	.choiceness .cho-list .items {
		float: left;
		padding: 0 1.5%;
		margin: 3% auto 1% auto;
		width: 33.3333333%;
	}
}

@media only screen and (min-width:360px) {
	html {
		font-size: 10px;
	}
	.focus-picture {
		height: 180px;
	}
	.focus-picture img {
		max-width: 360px;
	}
}

@media only screen and (min-width:568px) {
	html {
		font-size: 12px;
	}
	.focus-picture {
		height: 320px;
	}
	.focus-picture img {
		max-width: 640px;
	}
	.core .channel .channel-list {
		width: 25%;
	}
	.choiceness .cho-list .items {
		padding: 0 1.5%;
		margin-top: 5%;
		width: 33.333333333%;
	}
	.choiceness .cho-list .items-name span {
		font-size: 0.8rem;
		padding: 5px 0 25px 0;
	}
	.core .channel-list .pic-shadow span img {
		border-radius: 15px;
	}
	.choiceness .cho-list .field26,.choiceness .cho-list .type,.choiceness .cho-list .split
		{
		font-size: 0.9rem;
	}
	.choiceness .cho-list .f30 {
		font-size: 1.5rem;
		color: #d25d29;
	}
	.choiceness .cho-list .f22 {
		font-size: 0.9rem;
		color: #d25d29;
	}
	.choiceness .cho-list .minute {
		line-height: 1.5rem;
		font-size: 0.9rem;
	}
	.layout .play-video .video span.advanPlay {
		background-size: 15% auto;
	}
	.layout .small-video .items {
		width: 33.333333%;
	}
}

@media only screen and (min-width:768px) {
	.core .channel .channel-list {
		width: 20%;
	}
	.choiceness .cho-list .items {
		width: 25%;
	}
	.layout .play-video .video span.advanPlay {
		background-size: 12% auto;
	}
	#jQUi .layout .comlist img {
		width: 104px;
		height: 104px;
	}
	#jQUi .layout .comlist .comitems {
		padding-left: 124px;
	}
	#jQUi .search-result li .poster {
		width: 200px;
		height: 280px;
	}
	#jQUi .search-result li .info {
		padding-left: 220px;
	}
	#jQUi .search-result li .info .details {
		height: 2em;
	}
	#jQUi .search-result li .info .star-num {
		padding: 10px 0;
	}
}

@media only screen and (min-width:1024px) {
	.core .channel .channel-list {
		width: 16.666666666666%;
	}
	.choiceness .cho-list .items {
		width: 20%;
	}
}

img {
	display: block;
	padding: 0;
	margin: 0;
	border: none;
}

ul,li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

input,textarea {
	-webkit-user-select: text;
}

a {
	text-decoration: none;
}

div,p {
	word-break: break-all;
	word-wrap: break-word;
}

span.view {
	cursor: pointer;
}

span.goback:active {
	color: #F60;
}

@font-face {
	font-weight: normal;
	font-style: normal;
}

body.cssfont [data-icon]:before {
	font-family: 'youmigame-fonts';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

body.cssfont [class ^="icon-"]:before,body.cssfont [class *=" icon-"]:before
	{
	font-family: 'youmigame-fonts';
	font-style: normal;
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

body.cssfont .icon-logo:before {
	content: "\e000";
}

body.cssfont .icon-feng:before {
	content: "\e001";
}

body.cssfont .icon-pause:before {
	content: "\e013";
}

body.cssfont .icon-play:before {
	content: "\e010";
}

body.cssfont .icon-download:before {
	content: "\e014";
}

body.cssfont .icon-xing:before {
	content: "\e002";
}

body.cssfont .icon-wang:before {
	content: "\e003";
}

body.cssfont .icon-fla:before {
	content: "\e011";
}

body.cssfont .icon-arrow-updown:before {
	content: "\e017";
}

body.cssfont .icon-egg:before {
	content: "\e012";
}

body.cssfont .icon-checked:before {
	content: "\e016";
}

body.cssfont .icon-search:before {
	content: "\e015";
}

body.cssfont .icon-back:before {
	content: "\e004";
}

body.cssfont .icon-share:before {
	content: "\e005";
}

body.cssfont .icon-history:before {
	content: "\e007";
}

body.cssfont .icon-close:before {
	content: "\e006";
}

body.cssfont .icon-set:before {
	content: "\e008";
}

body.cssfont .icon-favorite:before {
	content: "\e009";
}

body.cssfont .icon-download-2:before {
	content: "\e00a";
}

body.cssfont .icon-comment:before {
	content: "\e00b";
}

body.cssfont .icon-play-2:before {
	content: "\e00c";
}

body.cssfont .icon-sub:before {
	content: "\e00d";
}

body.cssfont .icon-download-3:before {
	content: "\e00e";
}

body.cssfont .icon-arrow-right:before {
	content: "\e00f";
}

body.cssfont .icon-star2:before {
	content: "\e018";
}

body.cssfont .icon-star1:before {
	content: "\e019";
}

body.cssfont .icon-nore:before {
	content: "\e01a";
}

body.cssfont .icon-checkmark:before {
	content: "\e01b";
}

body.cssfont .icon-triangle:before {
	content: "\e01c";
}

body.cssfont .icon-arrow-down:before {
	content: "\e01d";
}

body.cssfont .icon-flat:before {
	content: "\e01e";
}

body.cssfont .icon-dot:before {
	content: "\e01f";
}

body.cssfont .icon-arrow-up:before {
	content: "\e020";
}

body.cssfont .icon-arrows:before {
	content: "\e021";
}

body.cssfont .icon-untitled:before {
	content: "\e022";
}

body.cssfont .icon-close-2:before {
	content: "\e023";
}

body.cssfont .icon-play_s:before {
	content: "\e024";
}

.clear,.clear-all {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.fix:after,.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.fix,.clearfix {
	*zoom: 1;
}

#jQUi * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#jQUi #jQui_footer {
	display: none;
}

#jQUi .panel {
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

#jQUi .panel>* {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

#jQUi h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 25.2px;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
	text-overflow: ellipsis;
}

#jQUi #splashscreen {
	border-radius: 0;
	z-index: 9999;
	display: block;
	top: 45%;
}

#jQUi .ui-icon {
	background: rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
	border-radius: 9px;
}

#jQUi .ui-loader {
	display: none;
	position: fixed;
	opacity: .85;
	z-index: 100;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -35px;
	padding: 10px 30px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 9px;
}

#jQUi .ui-loader h1 {
	font-size: 15px;
	text-align: center;
}

#jQUi .ui-loader .ui-icon {
	position: static;
	display: block;
	opacity: .9;
	margin: 0 auto;
	width: 35px;
	height: 35px;
	background-color: transparent;
}

#jQUi .spin {
	-webkit-transform: rotate(360deg);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-transform: rotate(360deg);
	-moz-animation-name: spin;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}

@
-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);
}

to {
	-webkit-transform: rotate(360deg);
}

}
@
-moz-keyframes spin {
	from {-moz-transform: rotate(0deg);
}

to {
	-moz-transform: rotate(360deg);
}

}
#jQUi .ui-icon-loading {
	width: 35px;
	height: 35px;
	border-radius: 20px;
	background-size: 35px 35px;
}

#jQUi body>div #mask {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 999999;
	position: fixed;
	top: 0;
	left: 0;
}

#jQUi #jQui_mask {
	position: fixed;
	top: 45%;
}

#jQUi.fixed #jQui_mask {
	position: absolute;
}

#jQUi #jQui_modal {
	opacity: .5;
	display: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	z-index: 9999 !important;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	overflow: hidden;
	background: #131d26 !important;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
}

#jQUi.fixed #jQui_modal {
	position: absolute;
}

#jQUi .noscript {
	z-index: 1000000;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
}

#jQUi .noscript div {
	padding: 15px;
}

#jQUi .noscript img {
	border-radius: 8px;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

.layout {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #f0f0f0;
}

.head-warp {
	width: 100%;
	background-color: #FF0000;
	position: relative;
	z-index: 10009;
}

.head-inner {
	height: 50px;
}

.head-warp .logo {
	float: left;
	margin-left: 2.222%;
	width: 100%;
	margin-top: 10px;
}

.head-warp .logo span {
	color: #000;
	font-size: 26px;
	float: left;
	height: 45px;
}

.head-warp .logo span.acolor {
	color: #CEEA01;
	font-size: 34px;
	margin-top: -5px;
}

.head-warp .head_right {
	float: right;
	margin-right: 3.333%;
	width: 45%;
	margin-top: 7px;
	height: 39px;
}

.head-warp .head_right span.normal {
	float: right;
	font-size: 24px;
	color: #999;
	width: 25px;
	text-align: center;
	margin-right: 10%;
	height: 39px;
}

.head-warp .head_right span.normal em {
	display: block;
	font-style: normal;
	height: 20px;
	width: 20px;
	margin: 0 0 2px 2px;
	overflow: hidden;
}

.head-warp .head_right span.normal i {
	display: block;
	font-style: normal;
	font-size: 12px;
}

.head-warp .head_right span.search em,.head-warp .head_right span.channel em,.head-warp .head_right span.history em
	{
	background-repeat: no-repeat;
	background:
		url("");
}

.head-warp .head_right span.history em {
	background-position: 0 -30px;
}

.head-warp .head_right span.channel em {
	margin-left: 3px;
	cursor: pointer;
	background-position: 0 0;
}

.head-warp .head_right span.search {
	margin-right: 0;
}

.head-warp .head_right span.search em {
	background-position: 0 -60px;
}

.search-history {
	float: right;
	margin-right: 3.333%;
	width: 45%;
	text-align: right;
	margin-top: 10px;
}

.head-warp .search-history span.search-left {
	font-size: 28px;
	color: #bcbcbc;
}

.head-warp .search-history span.history-right {
	font-size: 28px;
	color: #bcbcbc;
}

.head-warp .interval {
	height: 24px;
	width: 4px;
	display: inline-block;
	margin: 0 8px;
	line-height: 3;
	background-image:
		url("");
	background-size: 4px 100%;
	-webkit-background-size: 4px 100%;
	-o-background-size: 4px 100%;
	-moz-background-size: 4px 100%;
}

.head-warp .search-goback {
	float: left;
	margin-left: 3.333%;
	width: 45%;
	text-align: right;
	margin-top: 10px;
}

.head-warp .search-logo {
	float: right;
	margin-right: 3.333%;
	width: 45%;
	margin-top: 12px;
}

.head-warp .search-logo span {
	color: #000;
	font-size: 26px;
	float: right;
}

.head-warp .search-logo span.acolor {
	color: #ea6001;
	font-size: 34px;
	margin-top: -5px;
}

.channel-layer {
	display: none;
	position: absolute;
	z-index: 10009;
	top: 52px;
	background-color: #fff;
	width: 100%;
	height: 101px;
	border-bottom: 1px solid #e9e9e9;
}

.channel-layer span {
	float: left;
	color: #5e5e5e;
	font-size: 16px;
	width: 25%;
	height: 50px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	line-height: 50px;
}

.channel-layer span.none {
	border-bottom: none;
}

.android .channel-layer {
	top: 49px;
}

.layout .gradient {
	width: 100%;
	height: 6px;
	border: none;
	background: -webkit-gradient(linear, left center, right center, from(#FBC78D),
		color-stop(50%, #FA465A), to(#BC5DBB) );
	background: -moz-linear-gradient(left, #FBC78D, #FA465A 50%, #BC5DBB);
}

.layout .gradient .border {
	height: 1px;
	/**background-color: #dedede;*/
	font-size: 0;
	line-height: 0;
}

.layout .comment-list {
	margin: 0 15px;
	border-bottom: 2px solid #f4f4f4;
	overflow: hidden;
}

.layout .comment-list:last-child {
	border: 0;
}

.layout .comlist {
	padding: 10px 0;
}

.layout .comlist img {
	float: left;
	width: 37px;
	height: 37px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

.layout .comlist .comitems {
	width: 100%;
	padding-left: 45px;
}

.layout .names {
	font-size: 1.875rem;
	color: #333;
	padding-bottom: 2px;
}

.layout .conts {
	font-size: 1.75rem;
	color: #666;
}

.layout .useful {
	font-size: 1.45rem;
	color: black;
	float: right;
}

.layout .last {
	border: none;
}

.layout .comlist .stars {
	margin-left: 6px;
}

.layout .comlist .stars span {
	color: #ccc;
}

.layout .comlist .stars span.light {
	color: #f76e00;
}

.layout .details-nav {
	width: 100%;
	height: 45px;
	overflow: hidden;
	background-color: #9B9B9B;
	border-bottom: 1px solid #dedede;
	position: relative;
}

.layout .details-nav .panel-title {
	text-align: center;
	color: #FFF500;
	font-size: 24px;
	line-height: 45px;
	height: 60px;
	overflow: hidden;
	margin: 0 80px;
}

.layout .details-nav .goback {
	position: absolute;
	left: 0;
	font-size: 32px;
	line-height: 60px;
	width: 60px;
	text-align: center;
}

.layout .details-nav .subject-inner {
	text-align: left;
	float: left;
	transform: translate3d(0px, 0px, 0px);
	transition-duration: 7s;
	transition-timing-function: linear;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-transition-duration: 7s;
	-webkit-transition-timing-function: linear;
}

#subject .panel-title {
	margin: 0 20px;
	color: #000000;
	font-size: 24px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
}

#video {
	background: #fff;
}

#video .panel-title {
	margin: 0 10px;
	color: #5e5e5e;
	font-size: 18px;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
}

#video .panel-title .subject-inner {
	text-align: left;
	float: left;
	transform: translate3d(0px, 0px, 0px);
	transition-duration: 7s;
	transition-timing-function: linear;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-transition-duration: 7s;
	-webkit-transition-timing-function: linear;
}

.layout .channel-sort {
	float: left;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	width: 60px;
	right: 10px;
	top: 14px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #CCC;
	text-align: center;
	color: #606060;
	position: absolute;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}

.layout .play-video .video {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}

.layout .play-video .video img {
	display: block;
	width: 100%;
	max-width: 360px;
	min-height: 120px;
	margin: 0 auto;
}

.layout .play-video .video .advanPlay {
	background: url(../image/play.png) no-repeat center center;
	background-size: 30% auto;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
}

.layout .play-video .video .video-view {
	display: block;
	background-repeat: none;
	background-position: center center;
	background-size: 100% auto;
	height: 250px;
}

.focus-picture {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #000;
}

#jQUi span.ui-icon-loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -17px;
	margin-top: -17px;
	width: 35px;
	height: 35px;
}

.focus-picture img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-size: 100% 100%;
}

.focus-picture li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-animation-duration: 0ms;
	-moz-animation-duration: 0ms;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
}

.focus-picture li.hover {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.focus-picture .slider-dot {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	height: 8px;
	text-align: center;
}

.focus-picture .slider-dot span {
	opacity: .8;
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #ccc;
	margin-left: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.focus-picture .slider-dot span.hover {
	background-color: #fff;
	opacity: 1;
}

.core {
	background-color: #050505;
	/**padding: 4.6875% 0;*/
}

.core .channel {
	width: 100%;
	margin: 0 auto;
}

.core .channel-list {
	float: left;
	margin-top: 2%;
	width: 33.3333333%;
	padding: 0 5px;
}

.core .channel-list .name span {
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 14px;
	text-align: center;
	margin: 0 20%;
	display: block;
	overflow: hidden;
	height: 40px;
}

.core .channel-list .pic-shadow img {
	width: 70%;
	border-radius: 10px;
	box-shadow: 2px 2px 1px #A1A19F;
	-webkit-box-shadow: 2px 2px 1px #A1A19F;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 2px 2px 1px #A1A19F;
	-moz-border-radius: 10px;
	margin: 0 15%;
}

.guide-storey {
	width: 300px;
	height: 420px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -210px;
	display: none;
	z-index: 1000;
}

.guide-storey .close {
	border-top-right-radius: 5px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #FFF;
	background:
		url("")
		no-repeat right top;
}

.guide-storey .guide-pic {
	position: relative;
	width: 100%;
	height: auto;
}

.guide-storey .guide-pic img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 5px #999, -2px -2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999, -2px -2px 5px #999;
	width: 100%;
}

.guide-storey .guide-down {
	display: block;
	background-color: #f25b00;
	border: 2px solid #e74300;
	border-left: none;
	border-right: none;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

.movie-details {
	width: 100%;
}

.movie-details .grade {
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: 0 0 16px #d9d9d9;
	-webkit-box-shadow: 0 0 16px #d9d9d9;
	background-color: #fafafa;
}

.movie-details .grade-warp {
	margin: 0 auto;
	padding: 0 8px 12px 8px;
}

.movie-details .grade .grade-l {
	float: left;
}

.movie-details .grade .grade-r {
	float: right;
	text-align: center;
	vertical-align: middle;
	margin-top: 15px;
	border-left: 2px solid #e5e5e5;
}

.movie-details .grade .star {
	color: #B1B0B0;
	font-size: 1.5rem;
}

.movie-details .grade .star span.light {
	color: #F16A19;
}

.movie-details .grade .star-num span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}

.movie-details .grade .star-num span.star {
	padding-top: 15px;
}

.movie-details .grade .pop-num {
	font-size: 1.4rem;
}

.movie-details .grade .num {
	font-size: 2rem;
	color: #ff9000;
}

.movie-details .grade-r a {
	display: inline-block;
	font-size: 2.25rem;
	color: #848484;
	float: left;
}

.movie-details .grade-r a:first-child {
	margin-top: 3px;
	padding-left: 10px;
}

.movie-details .mback-color {
	background-color: #fff;
	width: 100%;
	border-bottom: 2px solid #e7e7e7;
}

.movie-details .media {
	margin: 0 auto;
	padding: 12px 8px;
	background-color: #fff;
	color: #666;
	font-size: 1.75rem;
	line-height: 1.5;
}

.movie-details .media .name {
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.titbits-warp {
	width: 100%;
	background-color: #F00;
}

.titbits {
	margin: 0 auto;
	padding: 0 8px;
}

.titbits .tit-title {
	color: #DEFC02;
	font-size: 2rem;
	padding: 6px 0;
}
.titbits .tit-title .tit_right{
	float: right;
	cursor: pointer;
}

.titbits .tit-intro {
	font-size: 1.75rem;
	line-height: 1.5;
	padding-bottom: 15px;
	color: #666;
	display: block;
}

.titbits .tit-intro span.view {
	color: #848484;
}

.comment {
	background-color: #000;
	width: 100%;
}

.comment .comm-tit {
	background-color: #f0f0f0;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	padding-left: 8px;
}

.comment .comm-tit span.view {
	width: 100%;
	display: block;
}

.comment .comm-tit span.num {
	color: #666;
	float: left;
	display: block;
}

.comment .comm-tit span.uc-more {
	width: 40px;
	text-align: center;
	display: block;
	color: #666;
	float: right;
	padding: 0;
	padding-right: 0;
}

.comment .comm-tit span.view:active {
	color: #F60;
}

.titbits-page {
	background-color: #fff;
	width: 100%;
	padding-top: 66px;
}

.titbits-intro {
	width: 93.7%;
	margin: 0 auto;
	padding: 30px 0;
}

.titbits-page .tith {
	font-size: 1.875rem;
	font-weight: bold;
	color: #333;
	padding-bottom: 12px;
}

.titbits-page .contents p {
	font-size: 1.75rem;
	color: #333;
	line-height: 1.6;
	text-indent: 2em;
	padding-bottom: 12px;
}

.titbits-page .titbits-title {
	padding-top: 22px;
}

.comment-page {
	width: 100%;
	background-color: #fff;
	padding-top: 66px;
}

.comment-page .comment-warp {
	width: 100%;
	padding-bottom: 0;
}

.comment-page .sums {
	color: #333;
	background-color: #f9f9f9;
	font-size: 1.875rem;
	line-height: 1.875;
	border-bottom: 2px solid #ececec;
	padding-left: 2.6875%;
}

.prompt {
	background-color: #ef7900;
	padding: 0 0 0 12px;
	height: 42px;
	line-height: 42px;
}

.prompt a,.prompt span {
	display: block;
	color: #fff;
	font-size: 14px;
}

.prompt .colse {
	float: right;
	color: #fff;
	display: inline-block;
	width: 30px;
	height: 42px;
	text-align: center;
	font-size: 18px;
}

#play .details-nav,#video .details-nav,#liveios .details-nav {
	background-color: #000;
}

#play .details-nav .panel-title,#video .details-nav .panel-title,#liveios .details-nav .panel-title
	{
	color: #FFF;
}

#play .details-nav .goback,#video .details-nav .goback,#liveios .details-nav .goback
	{
	color: #505050;
}

.play-screen .footer {
	display: none;
}

.play-screen .video-now {
	padding-top: 0;
}

.play-screen .ui-header {
	z-index: 0;
}

.video-now {
	background-color: #020202;
	width: 100%;
	padding-top: 50px;
}

.video-now .player {
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#jQUi .player-ios .ui-header {
	position: static;
}

#jQUi .player-ios .details-nav,#jQUi .player-android .details-nav {
	border-bottom: 1px solid #000;
}

#jQUi .video-now .player .ui-icon-loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -17px;
	margin-top: -17px;
	width: 35px;
	height: 35px;
}

.choiceness {
	width: 100%;
	background-color: #fff;
}

.choiceness .cho-list {
	width: 100%;
	margin: 0 auto;
	background-color: #000;
	z-index: 1;
	position: relative;
}

.choiceness .items {
	float: left;
	padding: 0 1.5%;
	margin: 4% auto 0 auto;
	width: 50%;
	overflow: hidden;
}

.choiceness .items-name span {
	font-size: 0.9rem;
	color: #FFF;
	line-height: 1.625;
	height: 1.5em;
	text-align: left;
	max-width: 80%;
	display: block;
	overflow: hidden;
}

.choiceness .f30 {
	font-size: 1.875rem;
	color: #d25d29;
}

.choiceness .f22 {
	font-size: 1.375rem;
	color: #d25d29;
}

.choiceness .minute {
	color: #999;
	line-height: 1.625;
	font-size: 0.9rem;
	white-space: nowrap;
	overflow: hidden;
}

.choiceness .field26,.choiceness .type,.choiceness .split {
	color: #FFF;
}

.choiceness .split {
	margin: 0 5px;
}

.choiceness .channel-video-pic img {
	width: 100%;
	background-size: 100% auto;
	border-radius: 8px;
	background-color: #000;
	box-shadow: 1px 1px 1px #A1A19F;
}

.choiceness .items-name {
	position: relative;
	padding-top: 4px;
}

.choiceness .position-r {
	position: absolute;
	right: 0;
	top: 2px;
}

.choiceness .last {
	margin: 0;
}

#command .choiceness {
	padding-top: 60px;
}

.small-video {
	width: 100%;
	background-color: #FAFAFA;
	padding-top: 10px;
}

.small-video .cho-list {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

.small-video .items {
	float: left;
	margin-top: 4%;
	padding: 0 10px;
	width: 50%;
}

.small-video .items-name {
	padding-left: 10px;
	color: #444;
	font-size: 1.5rem;
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: wrap;
}

.small-video .minute {
	color: #444441;
	line-height: 1.5;
	font-size: 1.5rem;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 10px;
}

.small-video .field26,.type {
	font-size: 1.5rem;
	color: #444441;
	line-height: 1.5;
}

.small-video .channel-video-pic img {
	width: 100%;
	background-color: #ccc;
	background-size: 100% auto;
}

.small-video .channel-video-pic {
	display: block;
	position: relative;
}

.small-video .advanPlay {
	background: url(../image/play.png) no-repeat center center;
	background-size: 25% auto;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	text-align: center;
}

.small-video .items-border {
	border: 1px solid #d9d9d9;
	border-top: none;
	box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	padding-top: 5px;
}

.small-video .playion {
	color: #bfbfbf;
}

.wap-rank {
	width: 100%;
	background-color: #FAFAFA;
}

.wap-rank .sub {
	height: 3rem;
	font-size: 1.875rem;
	line-height: 3rem;
	color: #24242A;
	background-color: #FAFAFA;
	margin: .5rem 0;
}

.wap-rank .sub .title {
	width: 24.8%;
	float: left;
	border-right: 2px solid #E9E9E9;
	text-align: center;
}

.wap-rank .sub .rtitle {
	width: 24.8%;
	float: left;
	text-align: center;
}

.wap-rank .sub .active {
	width: 100%;
	height: 4px;
	background: -webkit-gradient(linear, left center, right center, from(#FBC78D),
		color-stop(50%, #FA465A), to(#BC5DBB) );
	background: -moz-linear-gradient(left, #FBC78D, #FA465A 50%, #BC5DBB);
	text-align: center;
	position: relative;
	bottom: -0.5rem;
	margin-top: -3px;
}

.wap-rank .sub .active .arrow-up {
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent transparent #FA465A;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -15px;
}

.wap-rank .rank-list {
	background-color: #fff;
}

.wap-rank .rank-list li {
	width: 100%;
	color: #333;
	font-size: 18px;
	border-bottom: 2px solid #e0e0e0;
}

.wap-rank .rank-list li a {
	color: #333;
	font-size: 18px;
	line-height: 2;
}

.wap-rank .rank-list .up {
	color: #e27738;
}

.wap-rank .rank-list .num {
	color: #989898;
	font-style: italic;
}

.wap-rank .rank-list .fleft {
	width: 100%;
	padding-right: 120px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wap-rank .rank-list .fright {
	width: 115px;
	position: absolute;
	right: 0;
	top: 13px;
}

.wap-rank .rank-list .down {
	color: #6592b2;
	float: left;
	margin-top: 2px;
}

.wap-rank .rank-list .middle {
	color: #989898;
}

.wap-rank .rank-list .li-warp {
	margin: 0 15px;
	position: relative;
}

.rank-category {
	display: none;
	position: fixed;
	right: 0;
	top: 100px;
	width: 125px;
	background-color: #292929;
	color: #FFF;
	z-index: 1001;
	box-shadow: -3px 3px 3px #CCC;
	-webkit-box-shadow: -3px 3px 3px #CCC;
}

.rank-category li {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	text-align: center;
	border-bottom: 2px solid #2E2E2E;
}

.watch-history {
	width: 100%;
	background-color: #fff;
}

.watch-history .history-list {
	display: none;
}

.history-list .fleft {
	float: left;
	width: 88.8125%;
	overflow: hidden;
	white-space: nowrap;
}

.history-list .fright {
	float: right;
	line-height: 2.375;
	font-size: 2.875rem;
}

.history-list .li-warp {
	width: 93.75%;
	margin: 0 auto;
	color: #606060;
	border-bottom: 2px solid #e2e2e2;
}

.history-list .fleft span {
	font-size: 1.875rem;
	line-height: 1.875;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	color: #606060;
	padding-top: 5px;
	display: block;
	padding-top: 5px;
}

.history-list .time {
	font-size: 1.5rem;
	line-height: 1.5;
	color: 999;
	padding-bottom: 10px;
}

.history-list .videopic {
	margin: 0 auto;
	font-size: 13.125rem;
	color: #c5c5c5;
	width: 80%;
	text-align: center;
	line-height: 1;
	padding-top: 80px;
}

.history-list .xiaoxi {
	font-size: 2.6875rem;
	color: #c3bdb6;
	text-align: center;
	padding-bottom: 50px;
}

.l {
	float: left;
}

.r {
	float: right;
}

.live-item {
	width: 100%;
	background: #FFF;
}

.live-item .onlive {
	position: absolute;
	color: white;
	font-size: 1.5rem;
	text-align: center;
	width: 100%;
	top: 3%;
}

.live-item .onlive .point {
	width: 1.2rem;
	height: 1.2rem;
	border: .2rem solid white;
	background: red;
	border-radius: .8rem;
	-webkit-border-radius: .8rem;
	-moz-border-radius: .8rem;
	display: inline-block;
}

.live-item .tranbg {
	width: 100%;
	position: absolute;
	height: 3rem;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}

.live-item .tranbg .flower {
	font-size: 2rem;
	color: #f86d7d;
	float: right;
	margin: .3rem 1rem 0 0;
}

.live-item .tranbg .flower .num {
	-webkit-text-fill-color: #FFF;
	color: #FFF;
	margin-left: .5rem;
}

.live-item .tranbg .egg {
	font-size: 2rem;
	color: #E0A983;
	float: right;
	margin: .3rem 2rem 0 0;
}

.live-item .tranbg .egg .num {
	-webkit-text-fill-color: #FFF;
	color: #FFF;
	margin-left: .5rem;
}

.live-item .attraction {
	padding: 3.75% 20px;
	border-bottom: 2px solid #E7E7E7;
	font-size: 1.875rem;
	line-height: 1.875rem;
	color: #585858;
	background: #FFF;
}

.live-item .intro {
	padding: 20px 20px;
	font-size: 1.6rem;
	color: #848484;
	line-height: 2.5rem;
}

.live-item .intro .title {
	font-size: 1.9rem;
	color: #666;
	line-height: 3.8rem;
}

.live-focus {
	width: 100%;
	background: #999;
}

.live-focus .sub {
	height: 4rem;
	border-bottom: 2px solid #D2D2D2;
	font-size: 1.875rem;
	line-height: 4rem;
	padding-left: 20px;
	color: #585858;
	background: #EEE;
}

.live-focus .sub .title {
	width: 85%;
	float: left;
	border-right: 1px solid #E1E1E1;
}

.live-focus .sub .up-bg {
	width: 14%;
	float: left;
	text-align: center;
}

.live-focus .sub .up-bg .up {
	width: 3rem;
	font-size: 3rem;
	height: 2rem;
	margin-top: .8rem;
	overflow: hidden;
	display: inline-block;
}

.live-focus ul {
	box-shadow: 0 5px 10px #777;
	-webkit-box-shadow: 0 5px 10px #777;
	-moz-box-shadow: 0 5px 10px #777;
	background: #FFF;
}

.live-focus li {
	width: 100%;
	display: inline-block;
	padding: 20px;
	border-bottom: 2px solid #EBEBEB;
}

.live-focus li {
	width: 100%;
	display: inline-block;
	padding: 20px;
	border-bottom: 2px solid #EBEBEB;
}

.live-focus li .item {
	float: left;
	font-size: 1.875rem;
	color: #333;
	line-height: 86px;
	margin-left: 20px;
}

.live-focus .last {
	border-bottom: none;
}

.live-focus .play-video {
	width: 93%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.live-tv {
	width: 100%;
	background-color: #FAFAFA;
	position: relative;
	min-height: 350px;
	margin-top: 100px;
	padding-top: 0;
}

.live-tv .livetv-warp {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 12px;
}

.live-tv .tv {
	border: 2px solid #D9D9D9;
	width: 45%;
	float: left;
	margin-left: 3.3%;
	margin-top: 4%;
}

.live-tv .tv img {
	width: 100%;
}

.live-tv .tv .tranbg {
	background: rgba(0, 0, 0, 0.3);
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	padding: 3px 2px 2px 5px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.live-tv .tv .tranbg .point {
	width: 12px;
	height: 12px;
	border: 2px solid white;
	background: red;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	float: left;
	margin-right: 5px;
}

.live-tv .progrem {
	width: 45%;
	float: left;
	margin-left: 3.3%;
	margin-top: 4%;
	position: relative;
}

.live-tv .progrem img {
	width: 100%;
}

.live-tv .progrem .tranbg {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	color: #FFF;
	font-size: 1.5rem;
	line-height: 2rem;
	overflow: hidden;
}

.live-tv .progrem .tranbg span {
	padding-left: 1rem;
}

.tv-ent {
	width: 100%;
	background-color: #000;
}

.tv-ent .poster {
	width: 115px;
	float: left;
}

.tv-ent .poster img {
	float: left;
	width: 115px;
	height: 160px;
}

.tv-ent .introduce {
	padding-left: 125px;
	width: 100%;
}

.tv-ent .content {
	padding: 7px 10px;
}

.tv-ent .star5 {
	font-size: 1.5rem;
	color: #f6731b;
	margin-top: -5px;
}

.tv-ent .star5 span.light {
	color: #ff9000;
}

.tv-ent .star5>div {
	float: left;
}

.tv-ent .boldfont {
	color: #f6731b;
	font-size: 24px;
}

.tv-ent .introduces span {
	display: block;
	color: #FFF;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tv-ent .evaluate {
	color: #878787;
	font-size: 1.25rem;
	line-height: 1.25;
	padding-bottom: 8px;
}

.tv-ent .seed {
	width: 100%;
	position: relative;
}

.tv-ent .buttons {
	width: 100%;
	border: 1px solid #d9d9d9;
	border-left: 0;
	border-right: 0;
	background-color: #fafafa;
}

.tv-ent .buttons a,.tv-ent .buttons span {
	display: inline-block;
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
	height: 50px;
	line-height: 30px;
}

.tv-ent .buttons .plays {
	color: #fd5652;
	background-color: #f3f3f3;
	width: 50%;
	float: left;
	border-right: 1px solid #CCC;
}

.tv-ent .buttons .downs {
	color: #848484;
	background-color: #fafafa;
	width: 50%;
	float: left;
}

.tv-ent .seed-list a {
	display: block;
	font-size: 1.75rem;
	line-height: 1.75;
	color: #767676;
	border-top: 1px solid #f6f6f6;
	border-bottom: 2px solid #dedede;
	background-color: #e6e6e6;
	padding-left: 4.6875%;
}

.med-list {
	background-color: #fff;
	width: 100%;
	overflow: hidden;
}

.med-list #subject-tv-list-inner {
	padding: 15px;
}

#subject-tv-list {
	display: none;
	overflow: hidden;
}

.med-list .episode-list {
	width: 100%;
	margin: 0 auto;
	display: block;
	border-left: 1px solid #ececec;
	border-top: 1px solid #ececec;
}

.med-list .tv-variety {
	background-color: #fff;
	border: none;
}

.med-list .episode-list span {
	display: block;
	float: left;
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	padding: 10px 5px;
	width: 16.66666%;
	text-align: center;
	color: #333;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

html .med-list .episode-list span.hover {
	background-color: #ff6e00;
	color: #fff;
}

html .med-list .episode-list span:active {
	background-color: #fff;
	color: #878787;
}

.med-list .episode-list span.variety {
	color: #878787;
	float: none;
	width: 100%;
	border-right: 0;
	border-bottom: 1px solid #f4f4f4;
	text-align: left;
	height: 50px;
	line-height: 24px;
	padding: 12px 0 10px 10px;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.med-list .episode-list .tvdiv-inner {
	display: none;
	width: 100%;
}

.med-list .episode-list div.hover {
	display: block;
}

.med-list .episode-list .tv-variety .tvdiv-inner {
	padding: 0;
	background-color: #e6e6e6;
}

.pager .variety {
	padding: 10px 0;
	border-top: 2px solid #f6f6f6;
}

.js-pager {
	clear: both;
	text-align: center;
	padding: 5px 0 15px 0;
}

.js-pager a,.js-pager span,.js-pager a.disabled,.js-pager b {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #e0e0e0;
	color: #666;
	padding: 4px 10px;
	line-height: 18px;
	margin: 0 5px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

.js-pager a.p-current,.js-pager a:active {
	background-color: #f76e00;
	color: #fff;
	border: 1px solid #f60;
}

.js-pager a.p-current {
	cursor: default;
	font-weight: bold;
}

.js-pager a.p-info {
	cursor: default;
}

.js-pager a.p-first {
	margin-left: 0;
}

.js-pager a.p-first,.js-pager a.p-next,.js-pager a.p-pre,.js-pager a.p-last
	{
	padding-top: 3px\9;
	padding-bottom: 1px\9;
}

.js-pager span.disc {
	cursor: default;
	border: 0;
	vertical-align: text-bottom;
}

.tv-ent .intor {
	background-color: #fff;
}

.tv-ent p.jie {
	font-size: 2rem;
	line-height: 2;
	color: #666;
	margin-left: 4.6875%;
}

.tv-ent .detailedness {
	margin: 0 4.6875%;
}

.tv-ent p.xxi {
	color: #c8c8c8;
	font-size: 1.75rem;
	line-height: 1.75;
	position: relative;
	margin-right: 7.03125%;
}

.tv-ent p.xxi a {
	position: absolute;
	top: 50%;
	right: -6.9875%;
	text-align: center;
	color: #666;
	font-size: 1.75rem;
	line-height: 1.75;
}

.tv-ent .userpic {
	width: 14.6875%;
	float: left;
	margin: 5.9375% 3.125% 2.8125% 4.6875%;
}

.tv-ent .username {
	float: left;
	width: 72.8125%;
	margin-top: 3.5%;
}

.tv-ent .username .user-name {
	color: #333;
	font-size: 1.875rem;
	float: left;
	margin-right: 2.8125%;
}

.tv-ent .username .name {
	line-height: 1.875;
	overflow: hidden;
}

.tv-ent .username .star {
	float: left;
	color: #b1b0b0;
	font-size: 1.5rem;
	line-height: 2.5;
}

.tv-ent .username .s5 span {
	color: #5a5a5a;
}

.tv-ent .username .s4 span.s-4 {
	color: #5a5a5a;
}

.tv-ent .username .s3 span.s-3 {
	color: #5a5a5a;
}

.tv-ent .username .s2 span.s-2 {
	color: #5a5a5a;
}

.tv-ent .username .s1 span.s-1 {
	color: #5a5a5a;
}

.tv-ent .userpic img {
	padding: 1px;
	border: 1px solid #efefef;
	width: 100%;
}

.tv-ent .comment .items {
	border-bottom: 2px solid #ececec;
}

.head-search {
	margin: 0 auto;
	width: 100%;
	border: 1px solid #F0F0F0;
	box-shadow: 0 0 5px #a1a19f;
	-webkit-box-shadow: 0 0 5px #a1a19f;
	margin-bottom: 3px;
}

.head-search .inner {
	position: relative;
	margin: 10px 15px;
}

.head-search .inner .input {
	position: relative;
	width: 84%;
	float: left;
}

.head-search .inp-search {
	width: 100%;
	padding: 12px 12px 10px 12px;
	font-size: 20px;
	font-family: "微软雅黑";
	border: 1px solid #FFF;
	border-top: 1px solid #C0C0C0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: .5rem;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
}

.head-search .bton-search {
	width: 15%;
	float: right;
	font-size: 32px;
	color: #b2b2b2;
	padding: 8px 0 0 8px;
}

.head-search .bton-clear {
	position: absolute;
	top: 8px;
	right: 12px;
	background-color: #fff;
	border: 0 none;
	font-size: 30px;
	color: #bcbcbc;
}

.search-tips {
	outline: none;
}

.search-tips li {
	border-bottom: 2px solid #e7e7e7;
	position: relative;
	background: #FAFAFA;
	line-height: 50px;
}

.search-tips li span {
	display: block;
	padding-left: 30px;
	line-height: 50px;
	color: #4b4b4b;
	font-size: 18px;
	background: #FAFAFA;
}

.search-tips li .bton-search {
	font-size: 28px;
	color: #b2b2b2;
	position: relative;
	float: left;
	margin: 0 10px 0 30px;
}

.search-noresult {
	margin: 20px 30px 0 30px;
	outline: none;
}

.search-noresult .mark {
	font-size: 3rem;
	float: left;
	margin-right: 1rem;
}

.search-noresult .tip {
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin-left: 1rem;
	word-break: break-all;
}

.search-noresult .words {
	display: inline-block;
}

.search-noresult .words .hotword {
	background: #595959;
	font-size: 18px;
	color: #FFF;
	padding: 8px 12px;
	border-radius: 5px;
	float: left;
	margin: 10px;
}

.search-result {
	width: 100%;
}

.search-result li {
	width: 100%;
	background: #FFF;
	float: left;
	padding: 15px;
	border-bottom: 2px solid #E0E0E0;
	overflow: hidden;
}

.search-result li .poster {
	box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
	width: 100px;
	height: 140px;
	float: left;
}

.search-result li .info {
	font-size: 16px;
	color: #232323;
	line-height: 20px;
	padding-left: 115px;
}

.search-result li .info .details {
	height: 20px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-result li .info .title {
	font-size: 18px;
	display: inline-block;
	width: 100%;
}

.search-result li .info .title .fit {
	color: #EF5A00;
	float: left;
}

.search-result li .info .star-num {
	width: 100%;
	height: 26px;
	overflow: hidden;
	margin-top: -5px;
}

.search-result li .info .star-num span {
	float: left;
	padding: 3px 0;
	font-size: 15px;
	color: #B1B0B0;
}

.search-result li .info .star-num span.light {
	color: #F16A19;
}

.search-result li .info .star-num .num {
	font-size: 15px;
	font-weight: bold;
	color: #EF5A00;
	margin-left: 5px;
}

#liveios .footer {
	display: none;
}

#liveios .liveios {
	padding-top: 60px;
	background-color: #000;
}

.footer {
	background-color: #000;
	font-size: 14px;
	overflow: hidden;
}

.footer span.split {
	margin: 0 2px;
}

.footer p.versions {
	color: #c9c9c9;
	margin: 5px 15px 16px 15px;
	text-align: center;
	border-top: 1px solid #e9e9e9;
	padding-top: 10px;
}

.footer p.versions a {
	color: #FFF;
	font-size: 14px;
	padding: 5px 8px;
}

.footer .about-us {
	text-align: center;
	padding-bottom: 32px;
	color: #b3b3b3;
}

.list-more {
	position: relative;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #CCC;
}

.list-more a,.list-more span {
	display: block;
}

.list-more span.end {
	display: none;
}

#jQUi .list-more .ui-icon-loading {
	display: none;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	top: 7px;
	margin-left: -17px;
	border-radius: 0;
}

#jQUi .list-more-loading .ui-icon-loading {
	display: block;
}

#jQUi .list-more-loading a,#jQUi .list-more-loading span {
	display: none;
}

#jQUi .list-more-disabled span.end {
	display: block;
}

#jQUi .list-more-disabled span.load,#jQUi .list-more-disabled a.load {
	display: none;
}

.sec-nav {
	z-index: 1;
	border-bottom: 2px solid #f0f0f0;
	width: 100%;
	background-color: #FAFAFA;
	padding: 2px 0;
	position: relative;
}

.sec-nav .split {
	position: absolute;
	left: 50%;
	top: 10%;
	height: 80%;
	background-color: #E9E9E9;
	width: 2px;
	margin-left: -1px;
}

.sec-nav .split-4-1 {
	left: 25%;
}

.sec-nav .split-4-3 {
	left: 75%;
}

.sec-nav .sub {
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	color: #24242A;
	text-align: center;
}

.sec-nav .sub .ltitle {
	width: 50%;
	float: left;
	position: relative;
}

.sec-nav .sub .rtitle {
	width: 50%;
	float: right;
	position: relative;
}

.sec-nav .sub-4 .ltitle,.sec-nav .sub-4 .rtitle {
	width: 25%;
}

.sec-nav .sub-3 .ltitle,.sec-nav .sub-3 .rtitle {
	width: 33.333333333333%;
}

.sec-nav .split-3-1 {
	left: 33.3333333333333%;
}

.sec-nav .split-3-2 {
	left: 66.6666666666666%;
}

.sec-nav .sub .active {
	display: none;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	margin-top: 1px;
}

.sec-nav .sub .hover .active {
	display: block;
}

.sec-nav .sub .active .nav-line {
	height: 4px;
	background: -webkit-gradient(linear, left center, right center, from(#FBC78D),
		color-stop(50%, #FA465A), to(#BC5DBB) );
	background: -moz-linear-gradient(left, #FBC78D, #FA465A 50%, #BC5DBB);
}

.sec-nav .sub .active .arrow-up {
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent transparent #FA465A;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: -14px;
}

.sec-nav .sub .active .nav-list {
	background-color: #FFF;
	border-left: 1px solid #e0e0e0;
	box-shadow: -3px 3px 3px #bebebe;
	-webkit-box-shadow: -3px 3px 3px #bebebe;
}

.sec-nav .sub .active .nav-list-left {
	border-left: 0;
	border-right: 1px solid #e0e0e0;
	box-shadow: 3px 3px 3px #bebebe;
	-webkit-box-shadow: 3px 3px 3px #bebebe;
}

.sec-nav .sub .active .nav-list li {
	border-bottom: 1px solid #e0e0e0;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sec-nav .sub .active .nav-list li.hover {
	color: #F60;
}

.category {
	position: fixed;
	top: 95px;
	right: 0;
	width: 50%;
	max-width: 250px;
	min-width: 180px;
	background-color: #000;
	height: 100%;
	z-index: 10001;
	box-shadow: -2px -2px 2px #CCC;
	-webkit-box-shadow: -2px -2px 2px #CCC;
	display: none;
}

.category .main-nav,.category .tree-nav {
	float: left;
	height: 100%;
	color: #FFF;
	overflow: hidden;
	height: 100%;
	transition-duration: 0ms;
	-webkit-transition-duration: 0ms;
}

.category .main-nav {
	width: 42.5%;
}

.category .tree-nav {
	width: 57.5%;
	float: right;
	margin-top: 0;
	background-color: #292929;
}

.category li {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	padding-left: 15px;
}

.category .main-nav li {
	border-bottom: 2px solid #292929;
}

.category .main-nav li.hover {
	background-color: #3a3a3a;
}

.category .tree-nav ul {
	display: none;
}

.category .tree-nav ul.hover {
	display: block;
}

.category .tree-nav li {
	border-bottom: 2px solid #2e2e2e;
	background-color: #292929;
	position: relative;
}

.category .tree-nav li i {
	visibility: hidden;
	display: block;
	width: 9px;
	height: 8px;
	position: absolute;
	top: 21px;
	right: 20px;
	background:
		url("")
		no-repeat 0 0;
	background-size: 100% auto;
}

.category .tree-nav li.hover {
	background-color: #f85a53;
}

.category .tree-nav li.hover i {
	visibility: visible;
}

.category-modal {
	opacity: 0;
	display: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	z-index: 10000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	overflow: hidden;
	background: #131d26 !important;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
}

#search-min-height {
	padding-top: 0;
}

.ui-header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: #FFF;
	z-index: 10002;
	overflow: visible;
}

.ui-error {
	box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	border-radius: 3px;
	font-size: 14px;
	padding: 10px 15px;
	color: #FFF;
	background-color: #000;
	position: fixed;
	left: 50%;
	bottom: 150px;
	z-index: 99999;
	width: 240px;
	overflow: hidden;
	margin-left: -120px;
	text-align: center;
}

.top-gradient {
	height: 2px;
	border-bottom: 1px solid #f76e00;
}

.top-gradient span {
	display: block;
	height: 1px;
	border-bottom: 1px solid #f98b33;
}

.empty-list {
	padding-top: 25px;
	padding-bottom: 50px;
}

.empty-list .empty-pic {
	font-size: 160px;
	color: #CCC;
	text-align: center;
}

.empty-list p {
	text-align: center;
	color: #CCC;
	font-size: 24px;
}

.video-player {
	background-color: #000;
}

.video-start,.video-loading {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -48px;
	background: url(../image/bigplay.png) no-repeat 0 0;
}

.video-start:hover {
	background-position: 0 -100px;
}

.video-loading {
	margin-left: -17px;
	margin-top: -17px;
	background-image:
		url();
	width: 35px;
	height: 35px;
	border-radius: 20px;
	background-size: 35px 35px;
}

.html5-video-control {
	visibility: hidden;
	width: 100%;
	height: 40px;
	background-color: #1a1718;
	position: absolute;
	left: 0;
	bottom: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.html5-video-control .video-control {
	width: 100%;
	height: 40px;
	float: left;
}

.html5-video-control .video-control-drag {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	left: -20px;
	top: -18px;
	width: 16px;
	height: 16px;
}

.html5-video-control .video-control-drag .video-drag-inner {
	-moz-box-shadow: 0 0 5px #FFF;
	-webkit-box-shadow: 0 0 5px #FFF;
	box-shadow: 0 0 5px #FFF;
	width: 16px;
	height: 16px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #ff9000;
	margin: 10px 0 0 10px;
}

.html5-video-control .video-control-action {
	width: 35px;
	height: 35px;
	position: relative;
	margin-top: 3px;
}

.html5-video-control span {
	cursor: default;
	text-indent: -999em;
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 0;
	top: 0;
}

.html5-video-control span.video-control-play {
	background: url(../image/video-play.png) no-repeat center center;
	background-size: 80% auto;
}

.html5-video-control span.video-control-pause {
	background: url(../image/pause.png) no-repeat center center;
	display: none;
	background-size: 80% auto;
}

.html5-video-control .video-control-loading {
	width: 100%;
	position: relative;
	height: 16px;
	margin-top: 22px;
}

.html5-video-control .video-control-load-bg,.html5-video-control .video-control-load-progress,.html5-video-control .video-control-load-playing
	{
	-moz-border-radius: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	font-size: 0;
	line-height: 0;
	margin: 0;
}

.html5-video-control .video-control-load-bg {
	background-color: #747474;
}

.html5-video-control .video-control-load-progress {
	width: 0;
	background: #3caac8 background : rgba(60, 170, 200, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(44, 124, 145, 0.8)
		), to(rgba(78, 183, 212, 0.8) ) );
	background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8),
		rgba(78, 183, 212, 0.8) );
	background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8),
		rgba(78, 183, 212, 0.8) );
	background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8),
		rgba(78, 183, 212, 0.8) );
	background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8),
		rgba(78, 183, 212, 0.8) );
	background: linear-gradient(rgba(44, 124, 145, 0.8),
		rgba(78, 183, 212, 0.8) );
}

.html5-video-control .video-control-load-playing {
	width: 0;
	background: #f60;
	background: rgba(255, 255, 255, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)
		), to(rgba(200, 200, 200, 0.8) ) );
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9),
		rgba(200, 200, 200, 0.8) );
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9),
		rgba(200, 200, 200, 0.8) );
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9),
		rgba(200, 200, 200, 0.8) );
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9),
		rgba(200, 200, 200, 0.8) );
	background: linear-gradient(rgba(255, 255, 255, 0.9),
		rgba(200, 200, 200, 0.8) );
}

.html5-video-control .video-control-time {
	width: 60px;
	margin: 0;
}

.html5-video-control .video-control-time-right {
	width: 75px;
}

.html5-video-control .video-control-time .video-control-time-inner {
	padding-left: 2px;
	height: 14px;
	line-height: 14px;
	margin: 15px 0 0;
	text-align: center;
}

.html5-video-control .video-control-time span {
	position: static;
	text-indent: 0;
	display: inline;
	height: 10px;
	line-height: 10px;
	font-size: 12px;
	font-family: 'Helvetica';
	color: #fff;
	cursor: default;
	padding: 0 3px;
}

.html5-video-control .video-control-screen {
	float: right;
	width: 35px;
	height: 35px;
}

.html5-video-control .video-control-screen span {
	width: 35px;
	height: 35px;
}

.html5-video-control .video-control-screen span.video-control-full-screen
	{
	background: url(../image/fullscreen.png) no-repeat center center;
	background-size: 100% auto;
}

.html5-video-control .video-control-screen span.video-control-full-screen-normal
	{
	display: none;
	background: url(../image/fullscreen_normal.png) no-repeat center center;
	background-size: 100% auto;
}

.html5-video-control .video-control-progress {
	width: 0;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

.add-screen {
	position: fixed;
	display: none;
	width: 250px;
	height: 102px;
	left: 50%;
	bottom: 18px;
	margin-left: -125px;
	background-color: #FFF;
	border-radius: 10px;
	z-index: 2001;
	font-weight: bold;
	box-shadow: 2px 2px 5px #CCC, 0 -2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #CCC, 0 -2px 5px #999;
}

.add-screen .inner {
	padding: 15px;
	position: relative;
}

.add-screen img {
	float: left;
	width: 72px;
	height: 72px;
	border-radius: 8px;
}

.add-screen .msg {
	padding-left: 80px;
	font-size: 14px;
	line-height: 22px;
	padding-top: 3px;
	color: #777;
}

.add-screen .cor {
	height: 30px;
	line-height: 0;
	font-size: 40px;
	color: #FFF;
	position: absolute;
	left: 107px;
	bottom: -29px;
}

.add-screen .close {
	position: absolute;
	right: 5px;
	top: -4px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	color: #999;
	font-size: 30px;
	font-weight: normal;
}

body.fixed .ui-header,#jQUi.fixed #jQui_mask,#jQUi.fixed #jQui_modal {
	position: absolute;
}

body.lowCpu .ui-header {
	position: static;
}

body.lowCpu #list-sort,body.lowCpu #ent-sort {
	display: none;
}

body.lowCpu .channel-sort-low {
	display: block;
	background-color: #F0F0F0;
}

#jQUi.lowCpu .choiceness,body.lowCpu .small-video,body.lowCpu .wap-rank,body.lowCpu .movie-details,body.lowCpu .comment-page,body.lowCpu .titbits-page,body.lowCpu #search-min-height
	{
	padding-top: 0;
	margin-top: 0;
}

.channel-sort-low {
	width: 100%;
	padding: 5px 5px 0 5px;
	line-height: 30px;
	text-align: center;
	display: none;
}

.channel-sort-low>div {
	width: 100%;
}

.channel-sort-low .item {
	height: 30px;
	line-height: 30px;
	width: 33.33333%;
	float: left;
	margin-bottom: 5px;
}

.channel-sort-low select {
	width: 98%;
	height: 30px;
	font-size: 14px;
	overflow: hidden;
}

@media only screen and (min-width:480px) {
	.channel-sort-low .item {
		width: 20%;
	}
}

.head-d {
	width: 100%;
	height: 47px;
	background-color: #FFF;
}

.head-d a {
	border-bottom: 1px solid #dedede;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 5px 8px 5px 8px;
	display: block;
}

.head-d .tip-log {
	float: left;
	width: 36px;
	height: 36px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:
		url("")
		no-repeat 0 0;
}

.head-d .msg {
	float: left;
	overflow: hidden;
}

.head-d .tips-title {
	font-weight: bold;
	color: #333;
	font-size: 14px;
}

.head-d .tips {
	color: #666;
}

.head-d .btn {
	height: 28px;
	line-height: 28px;
	float: right;
	padding: 0 6px;
	text-align: center;
	border-radius: 2px;
	background-color: #2fad25;
	color: #fff;
	cursor: pointer;
}

.head-d a {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width:320px) {
	.android .head-d {
		position: relative;
	}
	.android .head-d .msg {
		padding-left: 5px;
	}
	.android .head-d .tips-title {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
	.android .head-d .tips {
		font-size: 12px;
		line-height: 16px;
	}
	.android .head-d .btn {
		font-size: 12px;
		margin-top: 5px;
	}
}

.android .category {
	top: 145px;
}

.android .rank-category {
	top: 145px;
}

.player {
	height: 180px;
	z-index: 50;
	position: relative;
}

.player-panel {
	background: #000;
}

.tip-info {
	width: 100%;
	font-size: 14px;
	color: #fff;
	height: 40px;
	overflow: visible;
	position: relative;
}

.tip-info .med-opacity {
	width: 100%;
	background-color: #000;
	display: block;
	height: 40px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	opacity: .7;
}

.tip-info .opacity-layer {
	width: 100%;
	position: absolute;
	z-index: 10002;
	bottom: 0;
	padding: 10px 0;
}

.tip-info .opacity-layer span,.tip-info .opacity-layer .hdbtn {
	color: #fff;
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	margin-left: 3.333%;
	width: 40px;
}

.tip-info span.smooth {
	border: 1px solid #f76e00;
	border-radius: 2px;
	line-height: 20px;
}

.tip-info .opacity-layer .downloadbtn {
	float: right;
	width: 62px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	padding-left: 25px;
	margin-right: 3.333%;
	background: url(../image/down.png) 0 0 no-repeat;
}

.tip-layer {
	display: none;
	width: 155px;
	position: absolute;
	top: 40px;
	z-index: 10003;
	height: 70px;
	text-align: center;
	padding: 5px 10px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 2px 2px 5px #CCC, 0 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #CCC, 0 -2px 5px #999;
}

.tip-layer em {
	font-style: normal;
	display: block;
	font-size: 14px;
	color: #727272;
	width: 100%;
	height: 26px;
	line-height: 26px;
}

.tip-layer i.arrow-up {
	font-style: normal;
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	border: 8px solid;
	border-color: transparent transparent #FFF;
	position: absolute;
	top: -16px;
}

.tip-layer a {
	font-style: normal;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background-color: #f76e00;
	color: #fff;
}

.tip-info .hd {
	left: 40px;
}

.tip-info .hd i.arrow-up {
	left: 30px;
}

.tip-info .download {
	right: 10px;
}

.tip-info .download i.arrow-up {
	right: 16px;
}

#med-checkbar {
	position: relative;
	height: 45px;
}

.med-checkbar {
	background-color: #FFF;
	height: 43px;
	text-align: center;
	overflow: hidden;
	border-top: 2px solid #f76e00;
}

.med-checkbar span {
	color: #FFF500;
	float: left;
	font-size: 1.75rem;
	width: 25%;
	line-height: 43px;
	background-color: #FF0000;
	cursor: pointer;
}

.med-checkbar span.active {
	color: #fff;
	background-color: #f76e00;
	box-shadow: 0 2px 5px #c4c4c4;
	-webkit-box-shadow: 0 2px 5px #c4c4c4;
}

#med-top {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}

.bar-fixed {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: #FFF;
	z-index: 1000;
	box-shadow: 0 2px 5px #ccc;
	-webkit-box-shadow: 0 2px 5px #ccc;
}

.med-abs .med-checkbar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10005;
	width: 100%;
}

.subject-related-list {
	padding: 0 5px 15px 5px;
	overflow: hidden;
}

.subject-related .items {
	float: left;
	margin: 0;
	width: 33.3333333%;
	padding: 10px 5px 5px 5px;
}

.subject-related .items span {
	font-size: 12px;
	text-align: center;
	width: 100%;
	display: block;
}

.subject-related .items .channel-video-pic {
	height: 124px;
	overflow: hidden;
}

.subject-related .items .channel-video-pic img {
	width: 100%;
}

.subject-related .items .comitems {
	color: #424549;
	display: block;
	font-size: 1.75rem;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

.video-related .items {
	float: left;
	margin: 0;
	width: 48.3333333%;
	padding: 10px 0 5px 10px;
}

.video-related .items span {
	font-size: 12px;
	text-align: center;
	width: 100%;
	display: block;
}

.video-related .items .channel-video-pic {
	overflow: hidden;
	position: relative;
}

.video-related .items .channel-video-pic img {
	width: 100%;
}

.video-related .items .comitems {
	font-style: normal;
	color: #424549;
	font-size: 12px;
	height: 36px;
	line-height: 18px;
	margin-top: 5px;
	display: block;
	text-align: left;
}

.video-related .items .channel-video-pic i {
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	position: absolute;
	bottom: 45px;
	right: 5px;
	background: #000;
	opacity: .8;
}

#video .ui-body {
	position: relative;
}

.subject-tit {
	width: 100%;
	background-color: #9B9B9B;
	font-size: 2.0rem;
	height: 45px;
	line-height: 28px;
	border: 2px solid #9B9B9B;
	overflow: hidden;
	padding: 5px 0px;
}

.subject-tit span {
	float: left;
	overflow: hidden;
	color: #000000;
	padding-left: 15px;
}

.subject-tit span.num {
	float: left;
	display: block;
}

.subject-tit span.uc-more {
	width: 40px;
	text-align: center;
	display: block;
	color: #666;
	float: right;
	padding: 0;
	padding-right: 0;
}

.subject-tit span.view:active {
	color: #F60;
}

.tit-intro {
	font-size: 17px;
	line-height: 2.0;
	padding: 0 7px 15px 7px;
	color: #FFF;
	display: block;
}

.subject-tit .top {
	float: right;
	font-style: normal;
	color: #5E5E5E;
	padding-right: 10px;
}

#subject-notice {
	display: none;
}

.movie-title {
	height: 22px;
	padding: 0 15px;
	background: #fff;
	color: #a9a9a9;
	font-size: 13px;
}

.movie-title span {
	border-bottom: 1px solid #efefef;
	display: block;
	line-height: 20px;
}

.ui-viewpd {
	background-color: #fff;
	padding: 10px 15px 50px 15px;
}

.ui-viewpd span {
	height: 45px;
	display: block;
	font-size: 16px;
	line-height: 45px;
	color: #878787;
	border-bottom: 1px solid #efefef;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.subject-notice-com {
	background-color: #fff;
	padding: 10px 5px;
}

#subject-mv-inner {
	padding: 10px 15px;
}

#subject-mv-inner span {
	display: block;
	border-bottom: 1px solid #efefef;
	height: 44px;
	line-height: 44px;
}

#subject-mv-inner span i {
	font-style: normal;
	padding-right: 10px;
	color: #fff;
}

#subject-mv-inner span.active,#subject-mv-inner span.active i {
	color: #ff6e00;
}

.ui-header-com {
	position: relative;
	z-index: 6;
}

.android .ui-header-com {
	margin-top: 98px;
}

.android .channel-layer {
	top: 100px;
}

#subject .ui-header,#video .ui-header {
	position: static;
	left: 0;
	top: 0;
}

#subject .channel-layer,#video .channel-layer {
	position: static;
	top: 0;
}

#index .focus-picture {
	/*margin-top: 50px;*/
}

.android #index .focus-picture {
	margin-top: 98px;
}

#rank .ui-header-com,#ent .ui-header-com {
	height: 100px;
}

.lowCpu .ui-header-com,.lowCpu #index .focus-picture {
	margin-top: 0;
}

#intercept {
	background-color: #f5f4f3;
	text-align: center;
	height: 100%;
	min-height: 416px;
}

#intercept .big-pic {
	width: 100%;
	margin: 0 auto;
}

#intercept .install-pic {
	width: 320px;
	height: 275px;
	margin: 0 auto;
	background: url(../image/install-pic.jpg) no-repeat;
	-webkit-background-size: 320px auto;
	-moz-background-size: 320px auto;
	-o-background-size: 320px auto;
	background-size: 320px auto;
}

#intercept .info {
	color: #525252;
	padding: 15px 0 10px 0;
}

#intercept .info p {
	font-size: 20px;
	color: #525252;
	line-height: 32px;
}

#intercept .info span {
	font-size: 14px;
	display: block;
	line-height: 30px;
}

#intercept .install-info {
	overflow: hidden;
	padding-bottom: 20px;
}

#intercept .install-info a {
	display: inline-block;
}

#intercept .install-info p.pb {
	padding-bottom: 5px;
}

#intercept .install-info .install-btn {
	font-size: 20px;
	color: #fff;
	width: 145px;
	height: 50px;
	line-height: 50px;
	background-color: #ff9400;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#intercept .install-info .skip-btn {
	color: #6e6e6e;
	font-size: 15px;
	padding: 10px 15px;
	display: inline-block;
}

#intercept .install-info .skip-btn i {
	font-style: normal;
	font-family: "Trebuchet MS", "cursive", 'Comic Sans MS',
		'Microsoft YaHei', Arial;
	padding-left: 5px;
}

.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
}

.out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 225ms;
}

@
-webkit-keyframes fadein {
	from {opacity: 0;
}

to {
	opacity: 1;
}

}
@
-moz-keyframes fadein {
	from {opacity: 0;
}

to {
	opacity: 1;
}

}
@
-webkit-keyframes fadeout {
	from {opacity: 1;
}

to {
	opacity: 0;
}

}
@
-moz-keyframes fadeout {
	from {opacity: 1;
}

to {
	opacity: 0;
}

}
.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
}

.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
}

.pop {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
}

.pop.in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	opacity: 1;
	-webkit-animation-name: popin;
	-moz-animation-name: popin;
	-webkit-animation-duration: 350ms;
	-moz-animation-duration: 350ms;
}

.pop.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	opacity: 0;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}

.pop.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
}

.pop.out.reverse {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-animation-name: popout;
	-moz-animation-name: popout;
}

@
-webkit-keyframes popin {
	from {-webkit-transform: scale(.8);
	opacity: 0;
}

to {
	-webkit-transform: scale(1);
	opacity: 1;
}

}
@
-moz-keyframes popin {
	from {-moz-transform: scale(.8);
	opacity: 0;
}

to {
	-moz-transform: scale(1);
	opacity: 1;
}

}
@
-webkit-keyframes popout {
	from {-webkit-transform: scale(1);
	opacity: 1;
}

to {
	-webkit-transform: scale(.8);
	opacity: 0;
}

}
@
-moz-keyframes popout {
	from {-moz-transform: scale(1);
	opacity: 1;
}

to {
	-moz-transform: scale(.8);
	opacity: 0;
}

}
@
-webkit-keyframes slideinfromright {
	from {-webkit-transform: translateX(100%);
}

to {
	-webkit-transform: translateX(0);
}

}
@
-moz-keyframes slideinfromright {
	from {-moz-transform: translateX(100%);
}

to {
	-moz-transform: translateX(0);
}

}
@
-webkit-keyframes slideinfromleft {
	from {-webkit-transform: translateX(-100%);
}

to {
	-webkit-transform: translateX(0);
}

}
@
-moz-keyframes slideinfromleft {
	from {-moz-transform: translateX(-100%);
}

to {
	-moz-transform: translateX(0);
}

}
@
-webkit-keyframes slideouttoleft {
	from {-webkit-transform: translateX(0);
}

to {
	-webkit-transform: translateX(-100%);
}

}
@
-moz-keyframes slideouttoleft {
	from {-moz-transform: translateX(0);
}

to {
	-moz-transform: translateX(-100%);
}

}
@
-webkit-keyframes slideouttoright {
	from {-webkit-transform: translateX(0);
}

to {
	-webkit-transform: translateX(100%);
}

}
@
-moz-keyframes slideouttoright {
	from {-moz-transform: translateX(0);
}

to {
	-moz-transform: translateX(100%);
}

}
.slide.out,.slide.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
}

.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
}

.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromright;
}

.slide.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
}

.slide.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromleft;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromleft;
}

.slidefade.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	-webkit-animation-duration: 225ms;
	-moz-animation-duration: 225ms;
}

.slidefade.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}

.slidefade.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}

.slidefade.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}

.slidedown.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}

.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfromtop;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}

.slidedown.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-duration: 150ms;
}

.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-animation-name: slideouttotop;
	-moz-animation-name: slideouttotop;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}

@
-webkit-keyframes slideinfromtop {
	from {-webkit-transform: translateY(-100%);
}

to {
	-webkit-transform: translateY(0);
}

}
@
-moz-keyframes slideinfromtop {
	from {-moz-transform: translateY(-100%);
}

to {
	-moz-transform: translateY(0);
}

}
@
-webkit-keyframes slideouttotop {
	from {-webkit-transform: translateY(0);
}

to {
	-webkit-transform: translateY(-100%);
}

}
@
-moz-keyframes slideouttotop {
	from {-moz-transform: translateY(0);
}

to {
	-moz-transform: translateY(-100%);
}

}
.slideup.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}

.slideup.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfrombottom;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfrombottom;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}

.slideup.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-duration: 150ms;
}

.slideup.out.reverse {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-animation-name: slideouttobottom;
	-moz-animation-name: slideouttobottom;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}

@
-webkit-keyframes slideinfrombottom {
	from {-webkit-transform: translateY(100%);
}

to {
	-webkit-transform: translateY(0);
}

}
@
-moz-keyframes slideinfrombottom {
	from {-moz-transform: translateY(100%);
}

to {
	-moz-transform: translateY(0);
}

}
@
-webkit-keyframes slideouttobottom {
	from {-webkit-transform: translateY(0);
}

to {
	-webkit-transform: translateY(100%);
}

}
@
-moz-keyframes slideouttobottom {
	from {-moz-transform: translateY(0);
}

to {
	-moz-transform: translateY(100%);
}

}
.viewport-flip {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	position: absolute;
}

.flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(0);
}

.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 175ms;
}

.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	-moz-animation-name: flipintoright;
	-moz-animation-duration: 225ms;
}

.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
}

.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
}

@
-webkit-keyframes flipouttoleft {
	from {-webkit-transform: rotateY(0);
}

to {
	-webkit-transform: rotateY(-90deg) scale(.9);
}

}
@
-moz-keyframes flipouttoleft {
	from {-moz-transform: rotateY(0);
}

to {
	-moz-transform: rotateY(-90deg) scale(.9);
}

}
@
-webkit-keyframes flipouttoright {
	from {-webkit-transform: rotateY(0);
}

to {
	-webkit-transform: rotateY(90deg) scale(.9);
}

}
@
-moz-keyframes flipouttoright {
	from {-moz-transform: rotateY(0);
}

to {
	-moz-transform: rotateY(90deg) scale(.9);
}

}
@
-webkit-keyframes flipintoleft {
	from {-webkit-transform: rotateY(-90deg) scale(.9);
}

to {
	-webkit-transform: rotateY(0);
}

}
@
-moz-keyframes flipintoleft {
	from {-moz-transform: rotateY(-90deg) scale(.9);
}

to {
	-moz-transform: rotateY(0);
}

}
@
-webkit-keyframes flipintoright {
	from {-webkit-transform: rotateY(90deg) scale(.9);
}

to {
	-webkit-transform: rotateY(0);
}

}
@
-moz-keyframes flipintoright {
	from {-moz-transform: rotateY(90deg) scale(.9);
}

to {
	-moz-transform: rotateY(0);
}

}
.viewport-turn {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	position: absolute;
}

.turn {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0);
	-webkit-transform-origin: 0;
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(0);
	-moz-transform-origin: 0;
}

.turn.out {
	-webkit-transform: rotateY(-90deg);
	-webkit-animation-name: turnouttoleft;
	-moz-transform: rotateY(-90deg);
	-moz-animation-name: turnouttoleft;
	-webkit-animation-duration: 125ms;
	-moz-animation-duration: 125ms;
}

.turn.in {
	-webkit-animation-name: turnintoright;
	-moz-animation-name: turnintoright;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}

.turn.out.reverse {
	-webkit-transform: rotateY(90deg);
	-webkit-animation-name: turnouttoright;
	-moz-transform: rotateY(90deg);
	-moz-animation-name: turnouttoright;
}

.turn.in.reverse {
	-webkit-animation-name: turnintoleft;
	-moz-animation-name: turnintoleft;
}

@
-webkit-keyframes turnouttoleft {
	from {-webkit-transform: rotateY(0);
}

to {
	-webkit-transform: rotateY(-90deg);
}

}
@
-moz-keyframes turnouttoleft {
	from {-moz-transform: rotateY(0);
}

to {
	-moz-transform: rotateY(-90deg);
}

}
@
-webkit-keyframes turnouttoright {
	from {-webkit-transform: rotateY(0);
}

to {
	-webkit-transform: rotateY(90deg);
}

}
@
-moz-keyframes turnouttoright {
	from {-moz-transform: rotateY(0);
}

to {
	-moz-transform: rotateY(90deg);
}

}
@
-webkit-keyframes turnintoleft {
	from {-webkit-transform: rotateY(-90deg);
}

to {
	-webkit-transform: rotateY(0);
}

}
@
-moz-keyframes turnintoleft {
	from {-moz-transform: rotateY(-90deg);
}

to {
	-moz-transform: rotateY(0);
}

}
@
-webkit-keyframes turnintoright {
	from {-webkit-transform: rotateY(90deg);
}

to {
	-webkit-transform: rotateY(0);
}

}
@
-moz-keyframes turnintoright {
	from {-moz-transform: rotateY(90deg);
}

to {
	-moz-transform: rotateY(0);
}

}
.flow {
	-webkit-transform-origin: 50% 30%;
	-moz-transform-origin: 50% 30%;
}

.flow.out {
	-webkit-transform: translateX(-100%) scale(.7);
	-webkit-animation-name: flowouttoleft;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(-100%) scale(.7);
	-moz-animation-name: flowouttoleft;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
}

.flow.in {
	-webkit-transform: translateX(0) scale(1);
	-webkit-animation-name: flowinfromright;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(0) scale(1);
	-moz-animation-name: flowinfromright;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
}

.flow.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: flowouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: flowouttoright;
}

.flow.in.reverse {
	-webkit-animation-name: flowinfromleft;
	-moz-animation-name: flowinfromleft;
}

@
-webkit-keyframes flowouttoleft { 0%{
	-webkit-transform: translateX(0) scale(1);
}

60%,70%{
-webkit-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-webkit-transform
:translateX
(-100%)
 
scale
(
.7
);
}
}
@
-moz-keyframes flowouttoleft { 0%{
	-moz-transform: translateX(0) scale(1);
}

60%,70%{
-moz-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-moz-transform
:translateX
(-100%)
 
scale
(
.7
);
}
}
@
-webkit-keyframes flowouttoright { 0%{
	-webkit-transform: translateX(0) scale(1);
}

60%,70%{
-webkit-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-webkit-transform
:translateX
(100%)
 
scale
(
.7
);
}
}
@
-moz-keyframes flowouttoright { 0%{
	-moz-transform: translateX(0) scale(1);
}

60%,70%{
-moz-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-moz-transform
:translateX
(100%)
 
scale
(
.7
);
}
}
@
-webkit-keyframes flowinfromleft { 0%{
	-webkit-transform: translateX(-100%) scale(.7);
}

30%,40%{
-webkit-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-webkit-transform
:translateX(0)
 
scale
(1);
}
}
@
-moz-keyframes flowinfromleft { 0%{
	-moz-transform: translateX(-100%) scale(.7);
}

30%,40%{
-moz-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-moz-transform
:translateX(0)
 
scale
(1);
}
}
@
-webkit-keyframes flowinfromright { 0%{
	-webkit-transform: translateX(100%) scale(.7);
}

30%,40%{
-webkit-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-webkit-transform
:translateX(0)
 
scale
(1);
}
}
@
-moz-keyframes flowinfromright { 0%{
	-moz-transform: translateX(100%) scale(.7);
}
30%,40%{
-moz-transform
:translateX(0)
 
scale
(
.7
);
}
100%{
-moz-transform
:translateX(0)
 
scale
(1);
}
}